// 轮播图设置页面-slides.html js文件

// 获取轮播图列表
$.ajax({
    type: 'get',
    url: '/slides',
    success: res => {
        // 渲染轮播图列表
        let html = template('tpl-slides', { slides: res });
        $('#slidesBox').html(html);
    },
    error: err => console.log('获取轮播图列表失败！')
});

// 图片预览
$('#file').on('change', function () {
    // 图片上传预览函数
    imgUpload('#file', '#preview', '#image');
});

// 添加轮播图表单提交事件
$('#addSlidesForm').on('submit', function () {
    // 获取选择的文件
    let file = $('#file').val();
    // 获取标题
    let title = $('#text').val();
    // 获取链接
    let link = $('#link').val();
    if (!file.trim()) alert('请选择轮播图图片！');
    else if (!title.trim()) alert('请输入标题！');
    else if (!link.trim()) alert('请输入链接');
    else {
        // 获取请求参数
        let params = $(this).serialize();
        // 向服务器发送添加轮播图请求
        $.ajax({
            type: 'post',
            url: '/slides',
            data: params,
            success: res => location.reload(),
            error: err => alert('轮播图添加失败！')
        });
    }

    // 阻止表单提交
    return false;
});

// 轮播图删除按钮被点击
$('#slidesBox').on('click', '.delete', function () {
    // 获取删除轮播图的id
    let id = $(this).attr('data-id');
    if (confirm('您确定要删除这个轮播图吗？')) {
        // 根据id删除轮播图
        $.ajax({
            type: 'delete',
            url: '/slides/' + id,
            success: res => location.reload(),
            error: err => alert('轮播图删除失败！')
        });
    }
});